<script setup>
import { defineProps } from 'vue'
const props = defineProps({
    dashName: Number
})
// const showDashName = computed(() => props.dashName);
// const show = ref(null)
const dashList = [
    {
        name: 'All',
        url: "http://192.168.31.56:3000/public-dashboards/554d4444b04c40e38d2eb5201899b3b0?orgId=1&refresh=5s",
    },
    {
        name: 'CPU',
        url: "http://192.168.31.56:3000/public-dashboards/fbd69a351c0b4ef993647e1617c1a559?orgId=1&refresh=5s",
    },
    {
        name: 'Disk',
        url:  "http://192.168.31.56:3000/public-dashboards/aa2d0adcd2a043bb99f3adeca78816f8?orgId=1&refresh=5s",
    },
    {
        name: 'DiskIO',
        url:  "http://192.168.31.56:3000/public-dashboards/620d3c7ec9f0458483c32572fdd67e8e?orgId=1&refresh=5s",
    },
    {
        name: 'Interrupts',
        url: "http://192.168.31.56:3000/public-dashboards/3f44acc89b2b460dad3ad5842a900fbc?orgId=1&refresh=5s",
    },
    {
        name: "Kernel",
        url:  "http://192.168.31.56:3000/public-dashboards/0b6f101dc71348c9b69fefbdcd3322d2?orgId=1&refresh=5s",
    },
    {
        name: "Linux_sysctl_fs",
        url:  "http://192.168.31.56:3000/public-dashboards/b12ac12fbb4c466b8dac9164cbd5fea5?orgId=1&refresh=5s",
    },
    {
        name: 'mem',
        url: "http://192.168.31.56:3000/public-dashboards/6d460b40ff8a4ff99300d6d4d125e815?orgId=1&refresh=5s",
    },
    {
        name: 'net',
        url: "http://192.168.31.56:3000/public-dashboards/7f2e5916ef9343348b375d7d30ed1d99?orgId=1&refresh=5s",
    },
    {
        name: 'Processes',
        url: "http://192.168.31.56:3000/public-dashboards/261aa1fb3644492cbf4ab41d4f1a3cd4?orgId=1&refresh=5s",
    },
    {
        name: 'Soft_interruts',
        url: "http://192.168.31.56:3000/public-dashboards/13ce3a66db5e447f944c5f8146ca9984?orgId=1&refresh=5s",
    },
    {
        name: 'System',
        url:  "http://192.168.31.56:3000/public-dashboards/ec2aaa15f72d4998969915a1e2dc0ca3?orgId=1&refresh=5s",
    }
]


</script>
<template>
    <iframe 
        :src="dashList[props.dashName].url"
        width="100%" 
        height="900"
        scrolling="no"
        frameborder="0">
    </iframe>
</template>
<style>

</style>